<ion-header>
  <ion-navbar>
    <ion-title>厨打</ion-title>
  </ion-navbar>
</ion-header>

<ion-content padding>

  <ion-refresher (ionRefresh)="doRefresh()">
    <ion-refresher-content></ion-refresher-content>
  </ion-refresher>
  <div *ngIf=" tabelPrint.length <=0" class="empty">
    <page-empty></page-empty>
  </div>
  <div  *ngIf=" tabelPrint.length > 0">
      <div class="container-card" *ngFor="let table of tabelPrint" [ngClass]="table.printStat === '已打印' ? 'finish':'warning'">
    <div class="header-card">
      <div class="header-left-container">
        <div class="header-left">{{table.tableNo}}</div>
        <div class="header-center">{{table.printtime}}</div>
      </div>
      <div class="header-right" [ngClass]="table.printStat === '已打印' ? 'finish':'warning'">{{table.printStat}}</div>
    </div>
    <div class="divider-line">
      <div></div>
    </div>
    <div class="content-card">
      <div class="food-container" *ngFor="let food of table.tableOrder">
        <div>{{food.food}}</div>
        <!--<div>{{food.trandate}}</div>-->
        <div>x{{food.num}}</div>
      </div>
    </div>
  </div>
  </div>
  <ion-infinite-scroll (ionInfinite)="$event.waitFor(doInfinite())">
    <ion-infinite-scroll-content loadingSpinner="bubbles" loadingText="正在加载下一页...">
    </ion-infinite-scroll-content>
  </ion-infinite-scroll>
  <div *ngIf="page.isLastPage">
    <div style="text-align: center;color: gray;" *ngIf="page.isLastPage">- - - - - - - - - - 我是有底线的哦 - - - - - - - - - -</div>
  </div>


</ion-content>
